<!DOCTYPE html>
<?php
session_start();
require_once 'Usuario.php';
require_once 'Noticias.php';
require_once 'IndexController.php';
$index = new IndexController();
?>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>Radio da Cidade de Apiai</title>
        <meta name="Description" content="Radio Cidade De Apiai ZYK 776 A Radio que toca no seu Coração" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Bootstrap -->

        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="css/bootstrap-responsive.css" rel="stylesheet">
        <link href="css/basic.css" rel="stylesheet" media="screen">
        <link href="css/bootstrap-lightbox.min.css" rel="stylesheet" media="screen">
        <script src="js/bootstrap-lightbox.min.js"></script>
    </head>
    <body>
        <div class="well" align="center">
            <a href="/" ><img src="img/logotipo.png"></a>
        </div>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span3">
                    <div class="navbar navbar-inverse">
                        <div class="navbar-inner">
                            <a class="brand" href="">Player</a>
                        </div>
                        <div class="container well" id="Player">
                            <?php $index->getPlayer(); ?>
                        </div>
                        <div class="navbar-inner">
                            <a class="brand" href="">Você Esta Escutando:</a>
                        </div>
                        <div class="container well" id="Player">
                            <h2><?php $index->getLocutor(); ?></h2>
                            <?php //getPlayer();  ?>
                        </div>
                        <!--                        <div class="navbar-inner">
                                                    <a class="brand" href="">Login</a>
                                                </div>
                                                <div class="container well" id="login">
                        <?php // $index->getLogin(); ?>
                                                </div>-->

                    </div>
                </div>
                <div class="span9">
                    <div class="navbar navbar-inverse">
                        <div class="navbar-inner">
                            <ul class="nav">
                                <li class="active "><a href="#Inicio" data-toggle="tab">Fotos</a></li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane active" id="Inicio">
                                <div class="well">
                                    <div class="thumbnail alert-danger" style="margin-bottom: 15px;">
                                        <h1>FOTOS: Temporal atinge Itaoca, SP, e deixa mortos</h1>
                                    </div>

                                    <div class="row">
                                        <?php
                                        for ($i = 1; $i <= 30; $i++) {
                                            ?>
                                            <div class="thumbnail span3" <?php echo (($i-1)%4==0) ? "style='margin: 0px;'" : ""; ?>>
                                                <div id="img<?php echo $i; ?>" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
                                                    <div class='lightbox-content'>
                                                        <img src="img/itaoca/<?php echo $i; ?>.jpg">
                                                        <div class="lightbox-caption"></div>
                                                    </div>
                                                </div>
                                                <a data-toggle="lightbox" href="#img<?php echo $i; ?>">
                                                    <img src="img/itaoca/<?php echo $i; ?>.jpg">
                                                </a>
                                            </div>
                                            <?php
                                        }
                                        ?>
                                    </div>

                                    <div class="thumbnail clearfix" style="margin-bottom: 5px;">
                                        <div style="text-align: center;">
                                            <script type="text/javascript"><!--
                                            google_ad_client = "ca-pub-5610140541076286";
                                                /* radio grande */
                                                google_ad_slot = "5670288304";
                                                google_ad_width = 728;
                                                google_ad_height = 90;
//-->
                                            </script>
                                            <script type="text/javascript"
                                                    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                                            </script>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <?php
        // put your code here
        ?>
    </body>
</html>
